<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,ininial=1,maximum=1,user-scalable=no">
    <script type="text/javascript" src="./js/winResponsive.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/class.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="./js/jquery.mCustomScrollbar.css">
    <style type="text/css">
        .content{
            
            width: 100%;
            
            overflow-y: hidden;
        }
    </style>
    
</head>
<body>
    <div class="header">
        <a href="" class="log">
            <img src="images/log.png" alt="">
        </a>
        <div class="search">
            <form action="">
                <img src="images/search.png" alt="">
                <input type="text" placeholder="输入商家、分类或商圈">
            </form>
        </div>
        <a href="" class="scanning">
            <img src="images/shaoyishao.png" alt="">
        </a>
        <a href="" class="remind">
            <img src="images/tixing.png" alt="">
        </a>
    </div>
<div class="mCustomScrollbar content" data-mcs-theme="rounded-dots-dark">
    <div class="body">

        <ul class="title left-title">
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
            <li>优选水果</li>
        </ul>

        <div class="class">
            <ul class="first class1">
                <div class="title">优选水果0</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
    
            <ul>
                <div class="title">优选水果1</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.6</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.6</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.6</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.6</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.6</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
            
            <ul>
                <div class="title">优选水果2</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
    
            <ul>
                <div class="title">优选水果3</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.7</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.7</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.7</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.7</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥17.7</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
            
            <ul>
                <div class="title">优选水果4</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
            
            <ul>
                <div class="title">优选水果5</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥18.8</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥18.8</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥18.8</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥18.8</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥18.8</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
            
            <ul>
                <div class="title">优选水果6</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
    
            <ul>
                <div class="title">优选水果7</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥19.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥19.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥19.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥19.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥19.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
            
            <ul>
                <div class="title">优选水果8</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥16.9</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
            
            <ul>
                <div class="title">优选水果9</div>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥11.1</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥11.1</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥11.1</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥11.1</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="left" src="images/shuiguo.jpg" alt="">
                        <div class="right">
                            <div class="jing">精选</div>
                            <span >爱鲜蜂-佳沛绿奇异果</span>
                            <div class="one">买一赠一</div>
                            <p>3粒/盒</p>
                            <p>￥11.1</p>
                        </div>
                    </a>
                    <a href="">
                        <img src="images/x-jia.png" alt="">
                    </a>
                </li>
                
            </ul>
        </div>
        

    </div>
</div>
    <div class="footer">
        <a href="">
            <img src="images/home.png" alt="">
            <p>首页</p>
        </a>
        <a href="">
            <img src="images/lightning.png" alt="">
            <p>闪送超市</p>
        </a>
        <a href="">
            <img src="images/my.png" alt="">
            <p>我的</p>
        </a>
        <a href="">
            <img src="images/Shopping.png" alt="">
            <p>￥0起送</p>
        </a>
    </div>
    
</body>
</html>
<script src="./js/jquery.js"></script>
<script src="./js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
   
 (function($){
     $(window).on("load",function(){
        
        $(".content").css({height:($(window).height()-$('.footer').height()-$('.header').height()-25)})
        console.log($('.footer').height())
         $(".content").mCustomScrollbar({
            
            theme:"dark",
            
         });
     });
 })(jQuery);

</script>
<script src="./js/zepto.js"></script>
<script>


    /* console.log($(".title li"))
    //斑马线
    $(".title li:even").addClass("pink1");
    $(".title li").hover(function(){
        $(this).addClass("red");
        //var index1=$(this).index($(".title li"));
        //console.log(index1)
    },function(){
        $(this).removeClass("red");
    })
 */
    $(".title li").each(function(index){
        $(".title li:even").addClass("pink1");
        $(".class ul li:even").addClass("pink1");
        $(this).hover(function(){
            $(this).addClass("red");
            
            $(".class ul").eq(index).addClass("class1");
            $(".class ul").eq(index).siblings().removeClass("class1");
            console.log($(".class ul"))
        },function(){
            $(this).removeClass("red");
            
        })
    })

    $(".class ul li").hover(
        function(){
            $(this).addClass("red");


        },function(){
            $(this).removeClass("red");
    })





/* 
var titleList=document.querySelectorAll(".title li");
var class1=document.querySelectorAll(".class ul");
var classFirst=document.querySelectorAll(".class .first li");

    //初始化斑马线
    for(var k=0;k<classFirst.length;k++){
        classFirst[k].index=k;
        //静态
        if(k%2==0){
            classFirst[k].className="pink1";
        }
        //动态
        classFirst[k].onmouseover=function(){
            this.className="red";
        }
        classFirst[k].onmouseout=function(){
            
            if(this.index%2==0){
                this.className="pink1";
            }else{
                this.className="";
            }
        }
    }

    

    for(var i=0;i<titleList.length;i++){
        titleList[i].index=i;
        //静态
        if(i%2==0){
            titleList[i].className="pink1";
        }
        titleList[i].onmouseover=function(){
            for(var j=0;j<titleList.length;j++){
                class1[j].className="";
            }
            
            this.className="red";
            class1[this.index].className="class1";
            var classList=document.querySelectorAll(".class1 li");
            
            for(var k=0;k<classList.length;k++){
                classList[k].index=k;
                //静态
                if(k%2==0){
                    classList[k].className="pink1";
                }
                //动态
                classList[k].onmouseover=function(){
                    this.className="red";
                }
                classList[k].onmouseout=function(){
                    
                    if(this.index%2==0){
                        this.className="pink1";
                    }else{
                        this.className="";
                    }
                }
            }
        }
        titleList[i].onmouseout=function(){
            
            if(this.index%2==0){
                this.className="pink1";
            }else{
                this.className="";
            }
        }
        
        
    }
    
    
     
    
 */

</script>